<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>cart</title>
		<link rel="stylesheet" href="/css/layout.css" />
		<link rel="stylesheet" href="/css/basket.css" />
		<style>
			.hidden{
				display: none;
			}
		</style>
	</head>
	<body>
		<header></header>
		<!-- layout container begin -->
		<div class="layout-container">

			<!-- home page begin -->


			<!-- layout container begin -->
			<div class="layout-container">

				<!-- basket page begin -->
				<div class="page basket-page" id="basketPage">
					<div class="page-container">

						<!-- basket header begin -->
						<div class="basket-header">
							<div class="title">
								<h2>SHOPPING BASKET</h2>
								<p><span>购物篮</span></p>
							</div>
							<div class="process clearfix">
								<div class="step step1 active">
									<p>我的购物篮</p>
								</div>
								<div class="step step2">
									<p>填写和提交订单信息</p>
								</div>
								<div class="step step3">
									<p>成功提交订单</p>
								</div>
								<div class="line line1 active"></div>
								<div class="line line2"></div>
							</div>
						</div>
						<!-- basket header end -->

						<!-- basket container begin -->
						<div class="basket-container">
							<div class="list-wrapper">
								<p class="list-header clearfix">
									<span class="h-checkall btn-checkall"><i>全选</i></span>
									<span class="h-product">商品</span>
									<span class="h-amount">数量</span>
									<span class="h-spec">规格</span>
									<span class="h-price">单价</span>
									<span class="h-privilege">优惠</span>
									<span class="h-attr">小记</span>
									<span class="h-operate">操作</span>
									
								</p>
								<div class="list-container">
									<ul class="regular-list">
										<script type="text/html" id="prod_template">
											{{each products prod}}
												<li class="item">
												<span class="hidden prod_id">{{prod.id}}</span>
												<div class="item-content clearfix">
													<div class="c-ckbox">
														<a href="javascript:;" class="btn-ckbox"></a>
													</div>
													<div class="c-product clearfix">
														<a href="/html/list.html" class="img">
															<img src="{{prod.img}}" alt="">
														</a>
														<div class="text vcenter">
															<div class="vcenter-child">
																<p class="cn">{{prod.cn}}</p>
																<p class="en">{{prod.en}}</p>
															</div>
														</div>
													</div>
													<div class="c-amount">
														<div class="content clearfix">
															<a href="javascript:;" class="btn btn-sub disabled"></a>
															<div class="amount-wrap">
																<input type="text" class="txt-amount" value="{{prod.amount}}">
															</div>
															<a href="javascript:;" class="btn btn-add"></a>
														</div>
													</div>
													<div class="c-spec vcenter">
														<div class="vcenter-child">
															<p>1.5磅</p>
														</div>
													</div>
													<div class="c-price vcenter">
														<div class="vcenter-child">
															<p>¥198</p>
														</div>
													</div>
													<div class="c-privilege vcenter">
														<div class="vcenter-child"></div>
													</div>
													<div class="c-attr vcenter">
                            <div class="vcenter-child">
															<p>{{prod.amount*198}}</p>
														</div>
													</div>
													<div class="c-operate vcenter">
														<div class="vcenter-child">
															<a href="javascript:; " class="btn-del-item">删除</a>
														</div>
													</div>
												</div>
											</li>
											{{/each}}
										</script>
									</ul>
									<!-- empty basket begin -->
									<a href="/html/list.html" class="empty-basket"></a>

									<!-- empty basket end -->
								</div>
								<div class="list-footer clearfix">
									<p class="footer-checkall clearfix">
										<span class="f-checkall btn-checkall">全选</span>
									</p>
									<div class="footer-container clearfix">
										<p class="clearfix">
											<span class="cbx">已选0件商品</span>
											<span class="tip">(不包含运费)</span>
										</p>
										<p class="clearfix">
											<span>共</span>
											<span class="dollar">¥</span>
											<span class="money">0.00</span>
										</p>
										<a href="javascript:;" class="btn-settle">去结算</a>
									</div>
								</div>
							</div>
						</div>
						<!-- basket container end -->


					</div>
				</div>
				<!-- basket page end -->


				<!-- layout container end -->

				<!-- home page end -->

			</div>
			<!-- layout container end -->

			<footer></footer>
			<script src="/lib/requirejs/require.js" data-main="/js/cat.js"></script>
	</body>
</html>
